<template>
	<view class="order_list">
		<view class="u-flex u-flex-between u-flex-items-center top f-s-10">
			<view>2024-11-12 12:22</view>
			<view class="f-w-b">待支付</view>
		</view>
		<up-line color="#e8e8e8" margin="0"></up-line>
		<!-- <ShopInfoCard></ShopInfoCard> -->
		<up-line color="#e8e8e8" margin="0"></up-line>
		<view class="pay">
			<view class="f-s-12 c-price">剩余支付时间：10:00</view>
			<view>
				<u-button color="#000000" shape="circle" text="立即支付" @click="goToAdd"
					:customStyle="{ width: '110px'}"></u-button>
			</view>
		</view>
	</view>
</template>
// <script setup>
// 	import ShopInfoCard from '@/components/ShopInfoCard.vue';
	
</script>

<style lang="scss">
	.order_list{
		background-color: #fff;
		margin-bottom: 16px;
		.top{
			padding: 6px 12px;
		}
		.pay{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12px 16px;
		}
	}

</style>